<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function goMain(){
		location.href="${pageContext.request.contextPath }/cafe.do?command=cafe";
	}

</script>
</head>
<body>
<table width="900" border="0" cellpadding="5px" align="center">
	<!-- 1. 맨 위 공백 지정하기 위한 빈줄 -->
	<tr height="20">
		<td align="center" colspan="2" ></td>
	</tr>
	<!-- 2. 왼쪽 DABANG 버튼 만들기 위한 줄 -->
	<tr>
		<td align="left" colspan="2">
		<a href="${pageContext.request.contextPath }/cafe.do?command=cafe">
		 <img src="${pageContext.request.contextPath }/img/register/dabang.png"></a></td>
	</tr>
	 <!-- 3. 녹색바 넣기 위한 칸 -->
	<tr height="80">
		<td colspan="4" background="${pageContext.request.contextPath }/img/modify/greenbar.png"></td>
	</tr>
	 <!-- 4. 기본정보수정완료 안내문 넣기 위한 줄 -->
	<tr height="230">
		<td width="80%" colspan="4" background="${pageContext.request.contextPath }/img/modify/modify_complete.PNG"></td>
	</tr>
	<!-- 5. 위 보호선 넣는 줄 -->
	<tr>
		<td colspan="4" align="center" height="20" background="${pageContext.request.contextPath }/img/register/line.PNG"></td>
	</tr>
	<!-- 6. 메인 줄 -->
	<tr><!-- 5 : 회원가입 내용들 -->
				<td width="95"></td>		<!-- 대표 width 길이 지정!! : 1번째 칸 = 여백부분 -->
				<td width="200">		<!-- 대표 width 길이 지정!! : 2번째 칸 = 설명부분 -->
					<table border="0" cellpadding="6" width="150">
						<tr>
							<td><font face="gothic"><b>&nbsp;&nbsp;&nbsp;이름</b></font></td>
						</tr>
						<tr>
							<td><font face="gothic"><b>&nbsp;&nbsp;&nbsp;아이디</b></font></td>
						</tr>
						<tr>
							<td><font face="gothic"><b>&nbsp;&nbsp;&nbsp;별명</b></font></td>
						</tr>
						<tr>
							<td><font face="gothic"><b>&nbsp;&nbsp;&nbsp;비밀번호</b></font></td>
						</tr>
					</table>
				</td>	
				<td width="100">		<!-- 대표 width 길이 지정!! : 3번째 칸 = 입력부분 -->
					<table border="0" cellpadding="4">
						<tr>
							<td>${sessionScope.vo.name}
							</td>
						</tr>
						<tr>
							<td>${sessionScope.vo.id}							
							</td>
						</tr>
						<tr>
							<td>${sessionScope.vo.nick}</td>
						</tr>
						<tr>
							<td>${sessionScope.vo.password}</td>
						</tr>
					</table>
				</td>	
				<td>		<!-- 대표 width 길이 지정!! : 4번째 칸 = 중복체크 부분 -->
					<table border="0" cellpadding="4" width="400">
						<tr>
							<td><br></td>
						</tr>
						<tr>
							<td><br></td>
						</tr>
						<tr>
							<td><span id="checkNick"></span></td>
						</tr>
						<tr>
							<td>&nbsp;</td>
						</tr>
						<tr>
							<td>&nbsp;</td>
						</tr>
					</table>
				</td>	
			</tr>
			<tr height="20"></tr>
	<!-- 7. 아래 보호선 넣는 줄 -->
	<tr>
		<td colspan="4" align="center" height="20" background="${pageContext.request.contextPath }/img/register/line.PNG"></td>
	</tr>
	<!-- 8. 확인버튼 넣는 줄 -->
	<tr>
		<td align="center" colspan="4"><input type="image" value="회원가입" onclick="goMain()" 
					src="${pageContext.request.contextPath }/img/register/confirm_button.png"></td>
	</tr>
	
</table>
</body>
</html>